<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="../inc/header.jsp" %>
<title>会员中心 - JDiy示例程序</title>
<script src="JDiy_bin/js/class/JSer.js" type="text/javascript"></script>
<script type="text/javascript">
    JSer.exec(function () {
        JSer("#loginForm").submit(function () {
            if (JSer("#loginUser").val() == '') {
                alert("请先输入用户名后登录！");
                JSer("#loginUser").focus();
                return false;
            }
            if (JSer("#loginPwd").val() == '') {
                alert("请先输入密码后登录！");
                JSer("#loginPwd").focus();
                return false;
            }
        });

        JSer("#regForm").submit(function () {
            if (JSer("#regUsername").val() == '') {
                alert("请先输入用户名后再注册！");
                JSer("#regUsername").focus();
                return false;
            }
            if (JSer("#regPassword").val() == '') {
                alert("请先输入密码后再注册！");
                JSer("#regPassword").focus();
                return false;
            }
            if (JSer("#regPassword").val() != JSer("#regPassword_1").val()) {
                alert("密码和验证密码不一致！");
                JSer("#regPassword_1").focus();
                return false;
            }
            //这儿只做了最基本的用户名和密码的必填js验证，用户可以根据自己的需要，增加其它验证。
            JSer.url(this.action).sel("#regForm :input").ajax({
                method: 'post',
                type: 'json',
                success: function (d) {
                    if (d.result == 'success') {
                        document.location.replace('vip/main.jd');
                    } else {
                        alert(d.result);
                    }
                }
            });
            return false;

        });
    });
</script>
<style type="text/css">
    form {
        color: #666;
    }

    form input {
        margin: 3px;
    }
</style>
</head>
<body>
<!-- 头部内容 开始 -->
<div class="max top">
    <div style="margin:8px;">
        <%@include file="../inc/top.jsp" %>
        <div>
            负责处理当前页面显示的Action方法为：<span class="action">jdiy.sample.vip.login_and_reg()</span>
        </div>
    </div>
</div>
<!-- 头部内容 结束 -->

<!--顶部导航菜单 开始 -->
<c:set var="thisNav" value="6"/><!--定个变量，以便在topNav包含文件中判断：当前栏目菜单显示不同的样式-->
<%@include file="../inc/topNav.jsp" %>
<!--顶部导航菜单 结束 -->


<!--中部主体区域 开始 -->
<div class="max cc">
    <table width="100%" cellpadding="0" cellspacing="0">
        <tr>

            <!-- 左侧导航菜单 开始 -->
            <td class="leftNav" valign="top">
                <div style="font-size:15px;margin:5px;color:#333333;">栏目导航：</div>
                <ul>
                    <li><a href="vip/main.jd">会员中心<br/>(登录后才可访问)</a></li>
                    <li><a href="vip/edit.jd">修改资料<br/>(登录后才可访问)</a></li>
                </ul>
            </td>
            <!-- 左侧导航菜单 结束 -->


            <!-- 中间内容显示区 开始 -->
            <td class="bodyContent" valign="top">
                <div class="loc">您的位置：首页 - 会员中心</div>

                <div class="note">
                    <h3>您还未登录或注册，请先登录或注册后浏览!</h3>
                    <table>
                        <tr>
                            <td valign="top">
                                <c:if test="${loginErr ne null}">
                                    <strong style="color:red;background-color:greenyellow">${loginErr}</strong>
                                </c:if>
                                <form action="vip/do_login.jd" method="post" id="loginForm">
                                    <nobr><strong>登录：</strong> (演示说明：登录是普通表单提交的)</nobr>
                                    <br/>
                                    用户名：<input id="loginUser" name="username" value="${param.username}"/> <br/>
                                    用户名：<input id="loginPwd" name="password" type="password" value="${param.password}"/>
                                    <br/>
                                    <br/>测试帐号：test 密码：123456<br/>
                                    <input value="登录" type="submit"/>
                                </form>
                            </td>
                            <td valign="top" style="padding-left:20px;border-left:2px #ddd solid;">
                                <form action="vip/do_reg.jd" method="post" id="regForm">
                                    <strong>注册：</strong>(演示说明：注册是ajax方式提交的) <br/>
                                    (注:用户名填test,提交至action后会验证重复) <br/>
                                    用户名:<input id="regUsername" name="vip.username" type="text"/>
                                    <br/>
                                    密码:<input id="regPassword" name="vip.password" type="password"/> <br/>
                                    确认密码:<input id="regPassword_1" type="password"/> <br/>
                                    真实姓名:<input name="vip.realname" type="text"/> <br/>
                                    性别:<label><input name="vip.sex" type="radio" value="保密" checked="checked"/>保密
                                </label><label><input name="vip.sex" type="radio" value="男"/>男</label>
                                    <label><input name="vip.sex" type="radio" value="女"/>女</label><br/>
                                    QQ:<input name="vip.qq" type="text"/> <br/>
                                    E-mail:<input name="vip.email" type="text"/> <br/>
                                    手机:<input name="vip.mt" type="text"/> <br/>
                                    电话:<input name="vip.tel" type="text"/> <br/>
                                    个人说明:<textarea name="vip.remark"></textarea> <br/>
                                    <input value="注册" type="submit"/>
                                </form>
                            </td>
                        </tr>
                    </table>

                </div>
            </td>
            <!-- 中间内容显示区 结束 -->

        </tr>
    </table>
</div>
<!--中部主体区域 结束 -->


<!--页脚 开始 -->
<%@include file="../inc/footer.jsp" %>
<!--页脚 结束 -->
</body>
</html>